<template>
  <view class="emojiCom">
    <view class="list">
      <view
        @tap="getEmoji(item)"
        v-for="(item, index) in emojiList"
        :key="index"
      >
        {{ item }}
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { emojiList } from "@/static/ts/emoji";
const emit = defineEmits();
const getEmoji = (item: string) => {
  emit("update:emojiValue", item);
};
</script>
<style scoped lang="scss">
@import "../../../static/scss/chat.scss";
</style>
